<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta name="description" content="">
		<meta http-equiv="x-dns-prefetch-control" content="on">
		<title>中宏锦绣人生</title>
		<link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
		<link href="css/default.min.css" rel="stylesheet" />
		<link href="css/fontawesome/css/font-awesome.min.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
	</head>

	<body>
		<div class="loadding-mask">
			<div class="loadding-circle"></div>
			<div class="loadding-text">
				<span>保险让生活更美好</span>
				<span><em class="url-param" data-url-param="custname">游客</em> | 欢迎您</span>
			</div>
		</div>
		<nav>
			<ul>
				<li class="active" target-code="1">保险计划书</li>
				<li target-code="2" class="nav-li-professionalcon">专业顾问</li>
			</ul>
		</nav>
		<section data-tg-code="1" class="nav-active active cnt-prospectus">
			<section class="nav-insurance-info">
				<img src="img/interest_bk.jpg" />
				<div class="ni-info">
					<div class="ni-info-left">
						<span class="ni-info-left-title overflow-ellipsis">中宏锦绣人生</span>
						<span>
							<em>养老保障</em><em>人身保障</em>
						</span>
					</div>
					<div class="ni-info-right">
						<img src="img/zh.png" />
					</div>
				</div>
				<div class="ni-cost">
					<ul>
						<li>
							<span class="url-param btn-input age" data-url-param="age" data-input-target="age" data-input-placeholder="请输入年龄(0~100整数)">35</span>
							<span>年龄</span>
						</li>
						<li>
							<span class="url-param btn-input total_year" data-url-param="total_year" data-input-target="total_year" data-input-placeholder="请输入缴费期限">20</span>
							<span>缴费期限</span>
						</li>
						<li>
							<span class="url-param format-number btn-input total" data-url-param="total" data-input-target="total" data-input-placeholder="请输入保障金额">10,000</span>
							<span>保障金额</span>
						</li>
					</ul>
				</div>
			</section>
			<section class="section nav-plan-info">
				<div class="side-btn"><span>条款说明</span><i></i></div>
				<ul class="url-param np-tab" data-url-param="sex">
					<li data-url-value="1" class="np-tab-sex active">男</li>
					<li data-url-value="0" class="np-tab-sex">女</li>
				</ul>
				<div class="nav-plan-content bg-255">
					<div class="premium">
						<span><strong class="url-param format-number yearPayable" data-url-param="fund">2,400</strong><label class="c-163">每年应缴保费(元)</label></span>
						<span><em class="c-163">申保年龄 [<i class="c-86 btn-input" data-input-target="age" data-input-placeholder="请输入年龄(0~100整数)"  data-input-title="申保年龄修改">修改</i>]</em><em class="url-param btn-input age" data-url-param="age">35</em></span>
					</div>
					<div class="premium-item hide">
						<span><em><i class="c-163">大病大保</i><i class="c-red">终身三次，递增赔付</i></em><em class="paySeriousillness format-number">380,000</em></span>
					</div>
					<div class="premium-item hide">
						<span><em><i class="c-163">小病关怀</i><i class="c-red">定格大概都是法国</i></em><em class="payMinorillness format-number">20,000</em></span>
					</div>
				</div>

			</section>
			<section class="section product-advantages">
				<!--<div class="side-btn"><span>了解更多</span><i></i></div>-->
				<span class="title">产品优点</span>
				<div class="content">
					<p class="abstract">退休贺寿 期满贺岁</p>
					<p class="abstract">快速给付 流动性高</p>
					<p class="abstract">高额保障 加倍关怀</p>
				</div>
			</section>
			<section class="section interest-description">
				<span class="title">利益说明</span>
				<div class="content">
					<p class="abstract">生存给付 恭贺退休</p>
					<div class="detailed-introduction">
						<p><em class="c-red">45/50/55/60</em>岁时可选择领取现金</p>
					</div>
					<p class="abstract">期满利益 祝贺高寿</p>
					<div class="detailed-introduction">
						<p><em class="c-red">80</em>周岁获得高寿祝贺金</p>
					</div>
				</div>
			</section>
			<section class="section manager-info url-param" data-url-param="userInfo">
				<div class="img-poto">
					<img class="dup" data-param="headUrl" src="img/user_default_head.png" />
				</div>
				<div class="mg-info">
					<span><h1><i class="dup" data-param="realname">金某某</i><em class="dup" data-param="company"></em></h1></span>
					<span class="ico i-phone"><em class="phone"><a class="dup" data-param="phone" href="">188-5188-5836</a></em></span>
					<span class="ico i-comments"><em class="weixin"><a class="dup" data-param="weichat" href="weixin://addfriend/King_yuan">King_yuan</a></em></span>
				</div>
			</section>
			<section class="section advertisement-info">
				<span class="ad-title">国内旅行意外险</span>
				<span class="ad-introduction">适合自由行、自助游、多人投保</span>
				<span class="free-collection-btn">免费领取</span>
			</section>
			<section class="section reminder-info">
				<h1>温馨提示</h1>
				<p>以上演示说明为本平台对上述产品的理解便于保险从业人员学习、交流，演示数据仅供参考，请以实际为准。</p>
			</section>
		</section>
		<section data-tg-code="2" class="nav-active cnt-professionalcon">
			<section class="section manager-info">
				<div class="img-poto">
					<img src="img/user_default_head.png" />
				</div>
				<div class="mg-info">
					<span><h1><i class="dup" data-param="realname">金某某</i><em class="dup" data-param="company"></em></h1></span>
					<span class="ico i-phone"><em class="phone"><a class="dup" data-param="phone" href="">188-5188-5836</a></em></span>
					<span class="ico i-comments"><em class="weixin"><a class="dup" data-param="weichat" href="weixin://addfriend/King_yuan">King_yuan</a></em></span>
				</div>
			</section>
			<section class="company-introduction-content bg-255">
				<section class="company-introduction">
					<span class="cmp-img"><img src="img/zh.png" /></span>
					<p>中宏人寿保险有限公司是国内首家中外合资人寿保险公司，由加拿大宏利旗下的宏利人寿保险（国际）有限公司和中国中化集团公司核心成员——中化集团财务有限责任公司合资组建。中宏保险成立于1996年11月，现已拥有近12,600名员工和营销员，为超过80万客户提供专业的金融保险服务。目前，中宏保险在上海、北京、广东、浙江、江苏、四川、山东、福建、重庆、辽宁、天津、湖北、河北和湖南等地的国内50多个城市稳步发展，不断迈向全国。中宏保险在中国保险市场深耕经营已逾十八年，致力于为公众提供稳健可靠、深受信赖和具有远见的保险产品和服务。公司网址：www.manulife-sinochem.com</p>
				</section>
				<section class="label-number employees-number">
					<span><em>员工数</em><em>12,600</em></span><span>中宏保险成立于1996年11月，现已经拥有近12,600名员工和营销人员。</span>
				</section>
				<section class="label-number customers-number">
					<span><em>客户数</em><em>800,000</em></span><span>为超过80万客户提供专业的金融保险服务。在上海、北京、广东、浙江等国内50多个城市稳步发展。</span>
				</section>
				<section class="introduction cmp-corporate">
					<label>公司愿景</label>
					<p>成为中国最专业的人寿保险公司，为公众提供稳健可靠、深受信赖和具有远见的保险产品和服务。</p>
				</section>
				<section class="introduction cmp-worth">
					<label>价值观</label>
					<p>成为中国最专业的人寿保险公司，为公众提供稳健可靠、深受信赖和具有远见的保险产品和服务。</p>
				</section>
				<section class="introduction cmp-growthprocess">
					<label>成长历程</label>
					<p>成为中国最专业的人寿保险公司，为公众提供稳健可靠、深受信赖和具有远见的保险产品和服务。</p>
				</section>
			</section>

		</section>
		<div class="input-containt">
			<div class="input-containt-context">
				<label class="title">申保年龄修改</label>
				<div class="input-containt-item">
					<input type="text" placeholder="" />
				</div>
				<div class="input-containt-btns">
					<label class="btn btn-cancel">取消</label>
					<label class="btn btn-ok">确定</label>
					<!--<input type="button" class="btn btn-cancel" value="取消" />
					<input type="button" class="btn btn-ok" value="确定" />-->
				</div>
			</div>
		</div>
		<div class="side-position">重新测算</div>
		<div class="detailed-description">
			<div class="content-text">
				<label>中宏锦绣人生两全保险（分红型）</label>
				<p>生存保险金</p>
				<p>被保险人年满45/50/55/60周岁，可获得等同于保险金额90%的现金给付，可选择一次性或者分期领取。</p>
				<p>期满保险金</p>
				<p>被保险人年满80周岁，可获得等同于保险金额10%的期满利益，可选择一次性或者分期领取。</p>
				<p>身故保险金</p>
				<p>若被保险人在领取现金前不幸身故，受益人将得到等同于保险金额的身故赔付；若被保险人在领取现金后不幸身故，受益人将得到等同于保险金额10%的身故赔付。</p>
				<p>分红保险的红利分配是不确定的。</p>
			</div>
			<div class="btn">
				<span>我知道了，返回前面</span>
			</div>
		</div>
	</body>
	<script src="js/zepto.min.js"></script>
	<script src="js/lib/base64.js"></script>
	<script src="js/common.js"></script>
	<script src="js/config.js"></script>
	<script src="js/index.js"></script>

</html>